<template>


    <a-modal :title="false" :width="modalWith" :destroyOnClose="true" :maskClosable="false"
             :visible="visible" @cancel="handleCancel" :footer="false"
    >

        <img :src="imgsrc" class="image"/>



    </a-modal>

</template>
<script>
    export default {

        props:["imgsrc"],
        data() {
            return {
                loading: false, //按钮Loading
                modalWith:document.body.clientWidth*0.8,
                visible: true, //modal 显示状态
            };
        },
        methods: {




            //关闭弹窗
            handleCancel() {
                this.visible = false;
                this.$emit('closeModal', {
                    render: false
                });
            },




            //完成监听
            onSubmit(e) {
                //AJAX时间数据处理

                //关闭弹窗
                this.visible = false;
                this.$emit('closeModal', {render: false});

            },



        },
    };
</script>

<style>

    .image{
        width: 100%;
        height: 100%;
    }
</style>